<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学习板块</title>
    <link href="/images/me.jpg" rel="icon" type="image/x-ico">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
    <link rel="stylesheet" href="css/style_about.css">
    <link rel="stylesheet" href="./css/me.css">
    <link rel="stylesheet" href="./css/timeline.css">
    <script>
        function goBottom() {/* 向下跳转*/
            window.scrollTo(0, document.documentElement.scrollHeight-document.documentElement.clientHeight);
        }
    </script>
</head>
<body>

<!--导航栏-->
<nav class="gird-header">
    <div class="ui container">
        <div class="ui inverted secondary stackable menu">
            <h2 class="ui olive header item blue" style="font-family: STSong">云端就业工作室</h2>
            <a href="index.html" class="m-item item m-mobile-hide "><i class="home icon"></i>首页</a>
            <a href="gzsbk.html" class="m-item item m-mobile-hide"><i class="clone outline icon"></i>工作室板块</a>
            <a href="news.html" class="m-item item m-mobile-hide"><i class="clock icon"></i>新闻中心</a>
            <a href="human_resources.html" class="m-item item m-mobile-hide"><i class="music icon"></i>人力资源</a>
            <a href="" class="active  m-item item m-mobile-hide"><i class="book icon"></i>学习板块</a>
            <a href="javascript:void(0)" onclick="goBottom()" class="m-item item m-mobile-hide"><i class="pencil alternate icon"></i>联系我们</a>
        </div>
    </div>
    <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
        <i class="sidebar icon"></i>
    </a>
</nav>


<!--时间轴内容-->
<div class="doc-container m-padded-tb-massivex m-opacity" id="doc-container">
    <section class="timeline">
        <ul>

            <li class="">
                <div class="box">
                    <time>42h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/BV18J411W7cE" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">JavaSE基础语法及进阶</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/BV18J411W7cE" target="_blank">
                            <img
                                    class="picture"
                                    src="img/javaSE.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>12h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/BV1Vt411z7wy" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">数据库</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/BV1Vt411z7wy">
                            <img
                                    class="picture"
                                    src="img/激励学习1.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>16h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/BV1Mx411m7fd?from=search&seid=17785965769269244413" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">Html5 CSS</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/BV1Mx411m7fd?from=search&seid=17785965769269244413">
                            <img
                                    class="picture"
                                    src="img/激励学习7.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>8h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/BV1Mx411m7fd?from=search&seid=17785965769269244413" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">JavaScript</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/BV1Mx411m7fd?from=search&seid=17785965769269244413">
                            <img
                                    class="picture"
                                    src="img/激励学习8.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>6h</time>
                    <div class="scientist" >
                        <a href="/blog/99" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">bootstrap</h3>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img
                                    class="picture"
                                    src="img/激励学习9.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>17h</time>
                    <div class="scientist" >
                        <a href="/blog/100" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">vue框架</h3>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img
                                    class="picture"
                                    src="img/激励学习10.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>10h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/av73342655?spm_id_from=333.788.b_636f6d6d656e74.14" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">微信小程序开发</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/av73342655?spm_id_from=333.788.b_636f6d6d656e74.14">
                            <img
                                    class="picture"
                                    src="img/激励学习11.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>24h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/BV1b7411N798/?spm_id_from=333.788.videocard.1" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">数据结构与算法</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/BV1b7411N798/?spm_id_from=333.788.videocard.1">
                            <img
                                    class="picture"
                                    src="img/激励学习12.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>15h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/av70549061?spm_id_from=333.788.b_636f6d6d656e74.17" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">JVM优化</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/av70549061?spm_id_from=333.788.b_636f6d6d656e74.17">
                            <img
                                    class="picture"
                                    src="img/激励学习7.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>24h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/av52364221?spm_id_from=333.788.b_636f6d6d656e74.20" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">软件项目管理</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/av52364221?spm_id_from=333.788.b_636f6d6d656e74.20">
                            <img
                                    class="picture"
                                    src="img/激励学习7.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>48h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/av7770852?spm_id_from=333.788.b_636f6d6d656e74.25" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">热门框架</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/av7770852?spm_id_from=333.788.b_636f6d6d656e74.25">
                            <img
                                    class="picture"
                                    src="img/激励学习10.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>24h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/av74933720?spm_id_from=333.788.b_636f6d6d656e74.29" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">分布式架构</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/av74933720?spm_id_from=333.788.b_636f6d6d656e74.29">
                            <img
                                    class="picture"
                                    src="img/激励学习9.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>16h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/av66702383?spm_id_from=333.788.b_636f6d6d656e74.34" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">服务器中间件</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/av66702383?spm_id_from=333.788.b_636f6d6d656e74.34">
                            <img
                                    class="picture"
                                    src="img/激励学习11.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>30h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/av67233983?spm_id_from=333.788.b_636f6d6d656e74.39" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">服务器技术</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/av67233983?spm_id_from=333.788.b_636f6d6d656e74.39">
                            <img
                                    class="picture"
                                    src="img/激励学习7.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>16h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/av67233983?spm_id_from=333.788.b_636f6d6d656e74.39" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">Linux系统</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/av73840600?spm_id_from=333.788.b_636f6d6d656e74.8">
                            <img
                                    class="picture"
                                    src="img/激励学习9.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>8h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/av23360560?spm_id_from=333.788.b_636f6d6d656e74.41" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">CentOS</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/av23360560?spm_id_from=333.788.b_636f6d6d656e74.41">
                            <img
                                    class="picture"
                                    src="img/激励学习8.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>forever time</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/BV1b7411N798/?spm_id_from=333.788.videocard.1" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">数据结构与算法</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/BV1b7411N798/?spm_id_from=333.788.videocard.1">
                            <img
                                    class="picture"
                                    src="img/激励学习10.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>

            <li class="">
                <div class="box">
                    <time>14h</time>
                    <div class="scientist" >
                        <a href="https://www.bilibili.com/video/av69121091?spm_id_from=333.788.b_636f6d6d656e74.43" target="_blank">
                            <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">容器技术</h3>
                        </a>
                    </div>
                    <div>
                        <a href="https://www.bilibili.com/video/av69121091?spm_id_from=333.788.b_636f6d6d656e74.43">
                            <img
                                    class="picture"
                                    src="img/激励学习9.jpg"
                                    alt=""
                            />
                        </a>
                    </div>
                </div>
            </li>
        </ul>
    </section>
</div>

<!--置顶按钮-->
<div class="bottom-bar-item" style="float:right;">
    <a href="#"><img src="img/up_arrow1.png" alt="" style="padding: 7px;"></a>
</div>
<br><br><br>
<!--底部栏-->
<footer class="ui inverted vertical segment m-padded-tb-massive m-opacity">
    <!--容器-->
    <div class="ui center aligned container" style="width: 1530px;margin-right: 0px!important;">
        <div class="ui inverted divided stackable grid">
            <div class="four wide column">
                <div style="font-size: large;font-weight: bold" class="ui inverted m-text-thin m-text-spaced m-margin-top-max" >与我联系</div>
                <div class="ui inverted link list">
                    <div href="#" class="m-text-thin">Email：2147449037@qq.com</div>
                    <div href="#" class="m-text-thin">QQ：2147449037</div>
                </div>
            </div>

            <div class="four wide column">
                <div style="font-size: large;font-weight: bold" class="ui inverted  m-text-thin m-text-spaced m-margin-top-max">推荐学习网站</div>
                <div >
                    <div class="ui inverted link list" style="align-content: center;margin-top: 10px">
                        <div class="ui inverted link list">
                            <a href="https://leetcode-cn.com/" target="_blank" class="ui grey header m-inline-block m-margin-top-null" style="font-size:medium;">力扣中国官网</a><br>
                            <a href="https://www.imooc.com/" target="_blank" class="ui grey header m-inline-block m-margin-top-null" style="font-size:medium;">慕课网</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="four wide column">
                <div style="font-size: 14px;font-weight: bold" class="ui inverted  m-text-thin m-text-spaced m-margin-top-max">推荐博客</div>
                <div >
                    <div class="ui inverted link list" style="align-content: center;margin-top: 10px">
                        <div class="ui inverted link list">
                            <a href="https://huyong.club/" target="_blank" class="m-text-thin" style="font-size:medium;color: #767676;font-weight: bold">易学堂</a>
                        </div>
                        <div class="ui inverted link list">
                            <a href="http://malloc.club/" target="_blank" class="m-text-thin" style="font-size:medium;color: #767676;font-weight: bold">Malloc的客栈</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>

</footer>


<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
<script src="./js/timeline.js"></script>
<script src="/lib/waypoints/jquery.waypoints.min.js"></script>

</body>
</html>